import { getUserBaseInfoById, getUserInfo, login } from '@/api/user'
import { resetRouter } from '@/router'
import { getToken, removeToken, setTimeStamp, setToken } from '@/utils/auth'
const state = {
  // 储存 token
  token: getToken(), // 从本地 获取到 token，依赖于本地数据 实现 持久化
  userInfo: {}// 防止 在 getters中 映射userinfo里面的数据时 出错
}
const mutations = {
  // 当登录的 时候 调用这个方法的时候 触发这个修改  token
  setToken(state, token) {
    // 设置给  vuex token
    state.token = token
    // 并且保存到 本地
    setToken(token)
  },
  // 移除 token
  removeToken(state) {
    // 清除vuex 中的 token
    state.token = null
    // 清除本地 缓存 token
    removeToken()
  },
  // 往 用户 信息数组中 添加 数据
  setUserInfo(state, result) {
    state.userInfo = result
  },
  // 清除 用户 信息 以便退出登录
  removeUserInfo(state) {
    state.userInfo = {}
  }
}
const actions = {
  // 登录 用户 接口 修改 mutation中的 用户 数据
  async login(context, data) {
    console.log('用户登录成功')
    // axios 对返回的 数据 默认会加上一层data数据 结构
    //      axios加上的   返回数据中的  返回数据中的成功
    const token = await login(data)
    console.log(token)
    context.commit('setToken', token)
    // 当用户已经储存token的时候，表示登录成功了
    setTimeStamp()
    // 可能是 用户名或者 密码错误
  },
  // 从 用户信息接口 获取 到 用户信息 数据 设置到 userinfo中
  async getUserInfo(context) {
    // 收到 用户 信息（不包括 用户头像）
    const result = await getUserInfo()
    // 收到 用户 信息（包括 用户头像）
    const baseInfo = await getUserBaseInfoById(result.userId)
    context.commit('setUserInfo', { ...result, ...baseInfo })
    return result // 为后面 做页面权限的时候埋下伏笔
  },
  // 定义一个 推出 登录
  logout(context) {
    context.commit('removeToken')
    context.commit('removeUserInfo')
    // 清除菜单
    // 要在一个vuex的模块里面,调用另外一个模块方法,加参数
    // context.commit('setRoutes', []) // 不正确
    context.commit('permission/setRoutes', [], { root: true }) // 正确
    // 清除路由
    resetRouter()
  }
}
export default {
  namespaced: true,
  state,
  mutations,
  actions
}
